<template>
  <span class="del-icon">
    <i class="MC_iconfont MC_icon-zhuangtai-guanbi"></i>
  </span>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'DeleteIcon',
  components: {},
  // ----------------生命周期-----------------------
  setup() {
    // ----------------传入属性-----------------------
    // ----------------内部属性-----------------------
    // ----------------计算属性-----------------------
    // ----------------监听方法-----------------------
    // ----------------调用方法-----------------------
    return {}
  }
})
</script>

<style lang="stylus" scoped>
.del-icon
  width 20px
  height 20px
  line-height 14px
  text-align center
  border-radius 50%
  background var(--mc-error-color)
  .MC_icon-zhuangtai-guanbi
    color #fff
    font-size 14px
</style>
